<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>多媒体标签</title>
</head>
<body>
    <!-- audio 音频 -->
    <!-- 
        src 播放音频文件的路径 
        controls 音频播放器的控制器面板
        autoplay 自动播放
        loop 循环播放
    -->
    <audio src="../static/mp3/你的酒馆对我打了烊-陈雪凝.mp3" controls autoplay loop></audio>
    <!-- video 视频 -->
    <!-- 
        src 播放音频文件的路径 
        controls 音频播放器的控制器面板
        autoplay 自动播放
        loop 循环播放
        width 宽度
        height 高度
        poster 当视频还没有完全下载，或者用户还没有点击播放前的默认显示封面，默认显示当前视频文件的第一幅画面
    -->
    <!-- 注意事项：当设置宽高的时候，一般情况下只会设置宽度或高度，让其自动等比例缩放。 -->
    <!-- 
        source 子标签
        因为在不同浏览器中支持的视频文件格式不一样，source 用来准备多个格式的视频文件，让浏览器加载时选择支持格式的视频文件播放
     -->
    <video src="" controls></video>
</body>
</html>